<!doctype html>

<html lang="en-US">
<head>
<meta charset="UTF-8" />
<title>CleanRed | Web Designer Portfolio</title>

<link href="style.css" rel="stylesheet" type="text/css">
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if IE 6]>
<script src="js/belatedPNG.js"></script>
<script>
	DD_belatedPNG.fix('*');
</script>
<![endif]-->

</head>

<body>
<div id="wrap">
<section id="left">
	<header id="mainheader">
	<a href="index.html"><img src="images/logo.jpg" width="250" height="120" alt="CleanRed | Free CSS Template"></a> 
    <h1 id="sitename">YourDomain.Com - Welcome to CleanRed's Web Design Portfolio</h1>
    </header>
    <nav id="mainnav">
		<ul>
        	<li><a href="#">Home</a></li>
            <li><a href="#">Works</a></li>
            <li class="current"><a href="#">Blog</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
	</nav>

	<div id="search">
    	<form action="#">
        <div id="searchfield"><input type="text" name="search" id="s"></div>
      	<div id="searchbtn"><input type="image" src="images/searchgobtn.png" alt="search"></div>
        </form>
	</div>
    
    <section id="sidebar">
    <div class="sb-block">
    <a href="http://www.cssheaven.org"><img src="images/cssheavenbrn.jpg" width="182" height="174" alt="css heaven free css templates"></a> 
    </div>
    
    <div class="sb-block">
    <h2>Categories</h2>
    <ul>
    	<li><a href="#">Web Design</a></li>
		<li><a href="#">Computers</a></li>
		<li><a href="#">Gadgets</a></li>
		<li><a href="#">CSS Templates</a></li>
		<li><a href="#">Graphics Design</a></li>
		<li><a href="#">Photography</a></li>
		<li><a href="#">General</a></li>
    </ul>
    </div>
    
    
    
    <div id="sociallinks"> <a href="#"><img src="images/fb-icon.jpg" width="33" height="32" alt="facebook"></a> <a href="#"><img src="images/twt-icon.jpg" width="33" height="32" alt="twitter"></a> <a href="#"><img src="images/flkr-icon.jpg" width="33" height="32" alt="flickr"></a> <a href="#"><img src="images/be-icon.jpg" width="33" height="32" alt="behance"></a> </div>
    </section>
</section>

<section id="right">
	
    <header id="header-small">
    <h2>Blog</h2>
   </header>
  <div class="clear"></div>
  
    <section id="contents">
    <section id="normalcontents">
    <article class="post">
    <header>
    <h2><a href="#">Article Title</a></h2>
    <span class="articlemeta">Posted on 12 June 2010 under <a href="#">CSS Templates</a></span>
    
    </header>
    <div class="entry">
    
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse convallis placerat eleifend. Nam vel cursus nulla. Nunc quis tellus et tellus auctor ullamcorper. Cum sociis natoque 		
    penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum id purus risus, id vestibulum felis.  <a href="#">Read More</a></p>
    
    </div>
    </article>
    
    <article class="post">
    <header>
    <h2><a href="#">Article Title</a></h2>
    <span class="articlemeta">Posted on 12 June 2010 under <a href="#">CSS Templates</a></span>
    
    </header>
    <div class="entry">
    
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse convallis placerat eleifend. Nam vel cursus nulla. Nunc quis tellus et tellus auctor ullamcorper. Cum sociis natoque 		
    penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum id purus risus, id vestibulum felis.  <a href="#">Read More</a></p>
    
    </div>
    </article>
    
    <article class="post">
    <header>
    <h2><a href="#">Article Title</a></h2>
    <span class="articlemeta">Posted on 12 June 2010 under <a href="#">CSS Templates</a></span>
    
    </header>
    <div class="entry">
    
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse convallis placerat eleifend. Nam vel cursus nulla. Nunc quis tellus et tellus auctor ullamcorper. Cum sociis natoque 		
    penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum id purus risus, id vestibulum felis.  <a href="#">Read More</a></p>
    
    </div>
    </article>
    <article class="post">
    <header>
    <h2><a href="#">Article Title</a></h2>
    <span class="articlemeta">Posted on 12 June 2010 under <a href="#">CSS Templates</a></span>
    
    </header>
    <div class="entry">
    
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse convallis placerat eleifend. Nam vel cursus nulla. Nunc quis tellus et tellus auctor ullamcorper. Cum sociis natoque 		
    penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum id purus risus, id vestibulum felis.  <a href="#">Read More</a></p>
    
    </div>
    </article>
    
    
    <article class="post">
    <header>
    <h2><a href="#">Article Title</a></h2>
    <span class="articlemeta">Posted on 12 June 2010 under <a href="#">CSS Templates</a></span>
    
    </header>
    <div class="entry">
    
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse convallis placerat eleifend. Nam vel cursus nulla. Nunc quis tellus et tellus auctor ullamcorper. Cum sociis natoque 		
    penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum id purus risus, id vestibulum felis.  <a href="#">Read More</a></p>
    
    </div>
    </article>
    
    
    <article class="post">
    <header>
    <h2><a href="#">Article Title</a></h2>
    <span class="articlemeta">Posted on 12 June 2010 under <a href="#">CSS Templates</a></span>
    
    </header>
    <div class="entry">
    
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse convallis placerat eleifend. Nam vel cursus nulla. Nunc quis tellus et tellus auctor ullamcorper. Cum sociis natoque 		
    penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum id purus risus, id vestibulum felis.  <a href="#">Read More</a></p>
    
    </div>
    </article>
    
    <article class="post">
    <header>
    <h2><a href="#">Article Title</a></h2>
    <span class="articlemeta">Posted on 12 June 2010 under <a href="#">CSS Templates</a></span>
    
    </header>
    <div class="entry">
    
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse convallis placerat eleifend. Nam vel cursus nulla. Nunc quis tellus et tellus auctor ullamcorper. Cum sociis natoque 		
    penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum id purus risus, id vestibulum felis.  <a href="#">Read More</a></p>
    
    </div>
    </article>
    
    </section>
    <div class="clear"></div>
    </section>
</section>
<div class="clear"></div>
</div>
<footer id="pagefooter">

<div id="footerwrap">

<div id="about">

<h2>About</h2>
<div class="myphoto">


  <img src="images/imgthumb.jpg" width="120" height="130" alt="your photo"></div>
<div class="about-text">
<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse convallis placerat eleifend. Nam vel cursus nulla. Nunc quis tellus et tellus auctor ullamcorper. Cum sociis natoque 		
    penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum id purus risus, id vestibulum felis. <a href="/about"> Read More </a></p>

</div>
</div>
<div id="services">
<h2>Services</h2>
<ul>

	<li>Website &amp; UI design</li>
	<li>WordPress Themes</li>
	<li>Custom CSS Templates</li>
	<li>PSD to HTML / CSS</li>
	<li>Graphics Design</li>
	<li>Web Development</li>
</ul>
</div>
<div id="tools">
<h2>Expertise</h2>
<ul>

	<li>Clean, Accessible &amp; Usable Web Designs.</li>
    <li>HTML, XHTML, HTML5, CSS3 &amp; jQuery</li>
    <li>Developing Custom WordPress Themes</li>
    <li>Graphics Design</li>
    <li>Web Development</li>
    <li>Web Standards</li>
</ul>
</div>
<div class="clear"></div>
</div>
<div id="credits">
2010 &copy; YourDomain.Com | Web Designer  | <a href="http://www.cssmoban.com/" title="网站模板" target="_blank">网站模板</a> collect from www.cssmoban.com </div>
</footer>
</body>
</html>
